<template>
  <div id="footer">
    <el-menu  class="el-menu-demo" mode="horizontal" style="height: 60px">
      <div style="float: left;margin-left: 500px">
        <el-link type="info" href="https://mail.163.com/" style="margin-bottom: 15px;margin-left: 10px;margin-top:20px ">
          邮箱：@zrhnzlh@163.com
        </el-link>
      </div>
      <div style="float:left;margin-left: 50px">
        <el-avatar :size="25" :src="this.logoUrl+'/bq-logo/gitee.jpeg'" style="margin-top: 15px"></el-avatar>
        <el-link type="info" href="https://gitee.com/LittleHanQAQ" style="margin-bottom: 15px;margin-left: 10px">Gitee</el-link>
      </div>
      <div style="float:left;margin-left: 50px">
        <el-link type="info" href="https://gitee.com/LittleHanQAQ" style="margin-top: 18px;margin-left: 10px">
          @大连交通大学 | 2019级 | 1921030101张箬晗
        </el-link>
      </div>
    </el-menu>
  </div>
</template>

<script>
export default {
  name: "Footer",
  data () {
    return {
      logoUrl: this.$IconUrl, //头像地址根路径（全局变量）
    }
  }
}
</script>

<style scoped>

</style>